<template>
	<view>
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">客户生日</block>
		</cu-custom>
		<view>
			<image style="width: 100%;height: 350upx;position: relative;" src="../../static/b10.png" mode=""></image>
			<view v-if="name" style="position: absolute;top: 250upx;left: 50upx;color: #fff;font-size: 38upx;font-weight: 600;">
				Hi,{{name}}
			</view>
		</view>
		<view style="display: flex;background-color: #fff;height: 100upx;">
			<view v-for="(item,index) in timelist" :key='index' style="padding:10upx 20upx;background-color: #F8BA35;color: #fff;border-radius: 20upx;margin: 15upx;height: 60upx;">
				{{item}}
			</view>
		</view>
		<scroll-view scroll-y class="indexes"
			 :scroll-with-animation="true" :enable-back-to-top="true">
				<block v-for="(item,index) in list" :key="index">
					<view :class="'indexItem-' + item.username" :id="'indexes-' + item.username" 
						:data-index="item.username" 
						@click="jump" 
						:data-src='"/pagesA/Training_program/Project_details?id="+item.userId'>
						<view class="cu-list menu-avatar no-padding">
							<view class="cu-item" style="border-bottom: 1upx solid #f5f5f5;border-top: 1upx solid #f5f5f5;">
								<view class="cu-avatar round lg margin-xs bg-gradual-green">
									<text class="avatar-text">
										{{ item.username}}
									</text>
								</view>
								<view class="content">
									<view class="text-black">{{ item.username }}
									<text style="background-color: #D1EDFF;margin-left: 15upx;color: #24AFF5;border-radius: 5upx;font-size: 22upx;padding: 0 10upx;">{{item.mark}}</text>
									</view>
									<view class="text-gray text-sm">
										{{item.phone}}
									</view>
								</view>
								<view class="uni-triplex-right" style="width: 200upx;">
										<view class="status">{{item.num}}</view>
								</view>
							</view>
						</view>
					</view>
				</block>
			</scroll-view>
			
			<view v-if="" style="width: 100%;background-color: #fff;">
				<image src="../../static/11.png" mode="widthFix" style="margin: 0 auto;display: block;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				timelist:['今天','本周','本月','下周','下月'],
				name:'DEMONS',
				list:[
					{
						username:'demons',
						mark:'25天后',
						phone:'18355222222',
						num:'01月01日生日',
					},
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {background-color: #fff;}
</style>
